<!DOCTYPE html>
<html>
  <!-- 分类下产品已经被后台删除展示的页面 -->
  <head>
    <title>The product has been taken off</title>
    <meta charset="UTF-8" />
    <meta
      name="keywords"
      content="The product has been taken off. try others"
    />
    <meta
      name="description"
      content="The product has been taken off. try others"
    />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, user-scalable=no"
    />
    <link
      rel="alternate"
      hreflang="en"
      href="https://www.rayvet.cn/newsList/<%=currentNewsName%>"
    />
    <link rel="stylesheet" href="/css/resect.css" />
    <link rel="stylesheet" href="/css/public.css" />
    <link
      rel="shortcut icon"
      type="image/x-icon"
      sizes="any"
      href="/img/r.svg"
    />
    <link rel="icon" sizes="any" href="/img/r.svg" />
    <style>
      .decontent {
        text-align: center;
        margin-bottom: 60px;
      }
      .decontent h1 {
        color: #333333;
        font-size: 2rem;
        margin: 1rem 0;
        margin-top: 80px;
        line-height: 1;
      }
      .decontent p {
        max-width: 26em;
        margin: 1rem auto;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.4);
      }
      .decontent span {
        font-size: 140px;
        color: rgb(95, 93, 93);
        letter-spacing: 13px;
      }
      .de-bottom ul {
        max-width: 1000px !important;
      }
      .de-bottom ul li {
        height: 245px;
      }
      .news {
        margin-top: 60px;
      }
      .news h1 {
        margin-bottom: 2rem;
      }

      .news ul a {
        display: block;
      }
      .news ul li {
        margin: 10px 10%;
        overflow: auto;
        padding: 10px;
      }

      .news ul a:hover {
        box-shadow: 8px 14px 38px rgba(39, 44, 49, 0.06),
          1px 3px 8px rgba(39, 44, 49, 0.03);
      }
      .news_left {
        float: left;
        margin-right: 10px;
      }
      .news_left img {
        width: 160px;
        height: 100px;
      }
      .news_right {
        padding: 5px 10px;
        box-sizing: border-box;
        height: 100px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: left;
      }
      .right_title {
        font-size: 21px;
        letter-spacing: -0.5px;
        /* font-size: 20px; */
        line-height: 25px;
        /* color: #222222; */
        color: #090a0b;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* 2行 */
        -webkit-box-orient: vertical;
      }
      .right_content {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* 2行 */
        -webkit-box-orient: vertical;
        font-size: 15px;
        /* color: #888888; */
        color: #3c484f;
        margin: 5px;
      }
      .right_time {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1; /* 2行 */
        -webkit-box-orient: vertical;
        font-size: 12px;
        color: #888888;
      }
    </style>
  </head>
  <body>
    <%- include('head') %>
    <!-- <div class="de-top"></div>
	<div class="de-top1"></div> -->
    <!-- <div class="decontent">
		This product has been taken off. see others～
	</div> -->
    <div class="decontent">
      <h1>This news has been taken off</h1>
      <p>
        While you’re here, feast your eyes upon these tantalizing news
      </p>
      <span>404</span>
      <div class="news">
        <ul>
          <% for(var i = 0; i < news.length; i++){ %>
          <a href="<%= news[i].title.replace(/\s/g, '-') %>">
            <li>
              <div class="news_left">
                <img
                  alt="<%= news[i].title.replace(/\s/g, '-') %>"
                  src="<%=cdn.newsUrl +  news[i].title.replace(/\s/g, '-') + '/' +  news[i].titleImg %>"
                  alt=""
                />
              </div>
              <div class="news_right">
                <div>
                  <p class="right_title">
                    <%= news[i].title %>
                  </p>
                  <p class="right_content">
                    <%= news[i].content.replace(/<\/?.+?\/?>/g,
                    '').replace(/&nbsp/g, '') %>
                  </p>
                </div>
                <p class="right_time">
                  <%= news[i].creationTimestamp %>
                </p>
              </div>
            </li>
          </a>
          <% } %>
        </ul>
      </div>
    </div>
  </body>
</html>
